//上传凭证
$(function() {
    var delParent;
    var defaults = {
        fileType : ["jpg","png","bmp","jpeg"],// 上传文件的类型
        fileSize : 1024 * 1024 * 10 // 上传文件的大小 10M
    };
    /*点击图片的文本框*/
    $(".close-upimg").click(function () {
        //input内容清空
        $(this).val("");
    })

    $("#pictureAddressOne").change(function(){
        var idFile = $(this).attr("id");

        var file = document.getElementById(idFile);
        var imgContainer = $(this).parents(".z_photo"); //存放图片的父亲元素
        var fileList = file.files; //获取的图片文件
        var input = $(this).parent();//文本框的父亲元素
        var imgArr = [];
        //遍历得到的图片文件
        var numUp = imgContainer.find(".up-section").length;
        var totalNum = numUp + fileList.length;  //总的数量
        if(fileList.length > 1 || totalNum > 1 ){
            alert("上传图片数目不可以超过1个，请重新选择");  //一次选择上传超过5个 或者是已经上传和这次上传的到的总数也不可以超过5个
        }
        else if(numUp < 1){
            fileList = validateUp(fileList);
            for(var i = 0;i<fileList.length;i++){
                var imgUrl = window.URL.createObjectURL(fileList[i]);
                imgArr.push(imgUrl);
                var $section = $("<section class='up-section fl loading' id='up-section-one'>");
                imgContainer.prepend($section);
                var $span = $("<span class='up-span'>");
                $span.appendTo($section);

                var $img0 = $("<img class='close-upimg'> id='close-upimg-one'").on("click",function(event){
                    event.preventDefault();
                    event.stopPropagation();
                    $("#works-mask-one").show();
                    delParent = $(this).parent();
                });
                $img0.attr("src","static/images/close.png").appendTo($section);
                var $img = $("<img class='up-img up-opcity' id='up-img-one'>");
                $img.attr("src",imgArr[i]);
                $img.appendTo($section);
                var $p = $("<p class='img-name-p'>");
                $p.html(fileList[i].name).appendTo($section);
                var $input = $("<input id='taglocation' name='taglocation' value='' type='hidden'>");
                $input.appendTo($section);
                var $input2 = $("<input id='tags' name='tags' value='' type='hidden'/>");
                $input2.appendTo($section);

            }
        }
        setTimeout(function(){
            $("#up-section-one").removeClass("loading");
            $("#up-img-one").removeClass("up-opcity");
        },450);
        numUp = imgContainer.find(".up-section").length;
        if(numUp >= 1){
            $(this).parent().hide();
        }

    });

    $("#z_photo-one").delegate("#close-upimg-one","click",function(){
        $("#works-mask-one").show();
        delParent = $(this).parent();
    });

    $("#wsdel-ok-one").click(function(){
        $("#works-mask-one").hide();
        var numUp = delParent.siblings().length;
        if(numUp < 6){
            delParent.parent().find(".z_file").show();
        }
        delParent.remove();
        $("#pictureAddressOne").val("");
    });

    $("#wsdel-no-one").click(function(){
        $("#works-mask-one").hide();
    });

    function validateUp(files){
        var arrFiles = [];//替换的文件数组
        var fileNames='';//文件名称
        for(var i = 0, file; file = files[i]; i++){
            //获取文件上传的后缀名
            var newStr = file.name.split("").reverse().join("");
            if(newStr.split(".")[0] != null){
                var type = newStr.split(".")[0].split("").reverse().join("");
                if(jQuery.inArray(type, defaults.fileType) > -1){
                    // 类型符合，可以上传
                    if (file.size >= defaults.fileSize) {
                        alert(file.size);
                        alert('您这个"'+ file.name +'"文件大小过大');
                    } else {
                        // 在这里需要判断当前所有文件中
                        arrFiles.push(file);
                    }
                }else{
                    alert('您这个"'+ file.name +'"上传类型不符合');
                }
            }else{
                alert('您这个"'+ file.name +'"没有类型, 无法识别');
            }
        }
        return arrFiles;
    }
});

//保存
function save() {

    //上传banner图片（因为没有删除操作，所以不需要考虑修改页面删除图片的情况）
    if (actionUrl == "admin/bannerConf/add") {
        if($("#pictureAddressOne").val()==""){
            $("#pictureAddressOne").tips({
                side:3,
                msg:'请上传banner图片',
                bg:'#AE81FF',
                time:2
            });
            $("#pictureAddressOne").focus();
            return false;
        }
    }

    //banner名称
    if ($("#bannerName").val() == "") {
        $("#bannerName").tips({
            side: 3,
            msg: '输入banner名称',
            bg: '#AE81FF',
            time: 2
        });
        $("#bannerName").focus();
        return false;
    } else {
        $("#bannerName").val($.trim($("#bannerName").val()));
    }

    //开始时间
    if($("#startDate").val()==""){
        $("#startDate").tips({
            side:3,
            msg:'请选择开始时间',
            bg:'#AE81FF',
            time:2
        });
        $("#startDate").focus();
        return false;
    }else{
        $("#startDate").val($.trim($("#startDate").val()));
    }

    //结束时间
    if($("#endDate").val()==""){
        $("#endDate").tips({
            side:3,
            msg:'请选择结束时间',
            bg:'#AE81FF',
            time:2
        });
        $("#endDate").focus();
        return false;
    }else{
        $("#endDate").val($.trim($("#endDate").val()));
    }

    //跳转类型
    /*if($("#jumpTypeCode").val() == "") {
        $("#jumpTypeCodeSelect").tips({
            side: 3,
            msg: '请选择跳转类型',
            bg: '#AE81FF',
            time: 2
        });
        $("#jumpTypeCode").focus();
        return false;
    }else{
        $("#jumpTypeCode").val($.trim($("#jumpTypeCode").val()));
    }*/

    //跳转内容
    /*if ($("#jumpInfo").val() == "") {
        $("#jumpInfo").tips({
            side: 3,
            msg: '输入跳转内容',
            bg: '#AE81FF',
            time: 2
        });
        $("#jumpInfo").focus();
        return false;
    } else {
        $("#jumpInfo").val($.trim($("#jumpInfo").val()));
    }*/

    //所属模块
    if($("#menuCode").val() == "") {
        $("#menuCodeSelect").tips({
            side: 3,
            msg: '请选择所属模块',
            bg: '#AE81FF',
            time: 2
        });
        $("#menuCode").focus();
        return false;
    }else{
        $("#menuCode").val($.trim($("#menuCode").val()));
    }

    //排序
    if($("#sort").val() == "") {
        $("#sort").tips({
            side: 3,
            msg: '输入排序',
            bg: '#AE81FF',
            time: 2
        });
        $("#sort").focus();
        return false;
    }else if(!$.fn.isPositiveInteger($("#sort").val())){
        $("#sort").tips({
            side:3,
            msg:'排序应为正整数',
            bg:'#AE81FF',
            time:2
        });
        $("#sort").focus();
        return false;
    }else{
        $("#sort").val($.trim($("#sort").val()));
    }

    //备注
    /*if($("#remark").val() == "") {
        $("#remark").tips({
            side: 3,
            msg: '输入备注',
            bg: '#AE81FF',
            time: 2
        });
        $("#remark").focus();
        return false;
    }else{
        $("#remark").val($.trim($("#remark").val()));
    }*/

    $("#form").submit();
    $("#zhongxin").hide();
    $("#zhongxin2").show();

}

$(function() {
    //下拉框
    if(!ace.vars['touch']) {
        $('.chosen-select').chosen({allow_single_deselect:true});
        $(window)
            .off('resize.chosen')
            .on('resize.chosen', function() {
                $('.chosen-select').each(function() {
                    var $this = $(this);
                    $this.next().css({'width': $this.parent().width()});
                });
            }).trigger('resize.chosen');
        $(document).on('settings.ace.chosen', function(e, event_name, event_val) {
            if(event_name != 'sidebar_collapsed') return;
            $('.chosen-select').each(function() {
                var $this = $(this);
                $this.next().css({'width': $this.parent().width()});
            });
        });
        $('#chosen-multiple-style .btn').on('click', function(e){
            var target = $(this).find('input[type=radio]');
            var which = parseInt(target.val());
            if(which == 2) $('#form-field-select-4').addClass('tag-input-style');
            else $('#form-field-select-4').removeClass('tag-input-style');
        });
    }
});

